<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=utf-8" %>
<%@ include file="/common/taglibs.jsp"%>
<c:if test="${pageContext.request.remoteUser ne null}">
	<c:redirect url="/mainMenu.html"/>
</c:if>
<html>
	<head>
		<title>
			欢迎光临 CloudLeap - 登录、注册或了解更多
		</title>
		<meta name="menu" content="Login"/>
	</head>
	<body>
		<div class="container_16">
			<div class="grid_12 omega" align="left">
				<div class="welcome_section">
					<div class="header_text"> 
						云飞跃VIP服务预定流程
					</div>
					<div class="welcome_pic">
						<img src="images/vip-progress.jpg" alt="云飞跃VIP服务预定流程" width=670px height=180px />
					</div>
				</div>
				<div style="margin-top: 15px;height: 210px;">
					<div style="float: left;width: 345px;">
						<div style="background-color: #F5F5F5;border: 1px solid #D8D8D8;padding: 5px;color: #F06E00;font-size: 13px;font-weight: bold;">
							云飞跃VIP服务
						</div>
						<div style="border: 1px solid #D8D8D8;border-top: none;height: 160px;">
							<table cellpadding="0" cellspacing="0">
								<tr>
									<td style="padding: 15px 1px 15px 8px;">
										<img alt="vip" src="images/vip.jpg" width=170px height=130px />
									</td>
									<td id="text_list"style="color: #F06E00;font-size: 13px;text-align: justify;padding-top: 33px;">
										<li>专业的任务管理系统</li>
										<li>细致的申请跟踪系统</li>
										<li>完备的材料储存系统</li>
										<li>便捷的沟通交流渠道</li>
									</td>
								</tr>
							</table>
						</div>
					</div>
					<div style="float: right;width: 345px;">
						<div style="background-color: #F5F5F5;border: 1px solid #D8D8D8;padding: 5px;color: #F06E00;font-size: 13px;font-weight: bold;">
							云飞跃其他服务
						</div>
						<div style="border: 1px solid #D8D8D8;border-top: none;height: 160px;">
							<div class="half_image">
								<img src="images/one-to-one.png" alt="一对一文书／咨询服务" width=85% height=75% style="padding: 20px 12px 20px 12px;"/>
							</div>
							<div class="half_image">
								<img src="images/background.png" alt="云小组背景提升服务" width=85% height=75% style="padding: 18px 12px 20px 9px;"/>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="grid_4" align="right">
				<div class="login_top">
					<h5>VIP登录</h5>
				</div>
				<div class="login_middle">
					<form id="loginForm" action="${ctx }/j_security_check" method="post" onsubmit="saveUsername(this);return validateForm(this)">
						<table cellpadding="0" cellspacing="0">
							<c:if test="${param.error != null}">
								<tr>
									<td>
									    <label style="font-size: 12px;color: red;font-weight: 600;">
									        <fmt:message key="errors.password.mismatch"/>
									    </label>
									</td>
								</tr>
							</c:if>
							<tr>
								<td>
									<label>用户名：</label>
								</td>
							</tr>
							<tr>
								<td>
									<input id="j_username" name="j_username" type="text" class="input"/>
								</td>
							</tr>
							<tr>
								<td>
									<label>密&nbsp;&nbsp; 码：</label>
								</td>
							</tr>
							<tr>
								<td>
									<input id="j_password" name="j_password" type="password" class="input" />
								</td>
							</tr>
							<tr>
								<td>
									<label>验证码：</label>
								</td>
							</tr>
							<tr>
								<td>
									<input class="input_60" type="text" id="patchca" name="patchca" /> 
									<img src="patchca.png" alt="验证码" title="看不清，换一张" style="cursor: pointer;vertical-align: bottom;width: 100px;height: 30px;" onclick="this.src=this.src+'?'+Math.random();" />
								</td>
							</tr>
							<tr>
								<td>
									<label class="btn"><input name="login" type="submit" value="登录" /></label>
									<div style="margin-left: 15px;float: left;margin-top: 12px;">
										<a href="http://www.cloudapply.com/forget-password" target="_blank" style="text-decoration: underline;cursor: pointer;">忘记登录密码？</a>
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<label class="btn" style="background-color: #5B74A8;border-color: #5B74A8;padding: 0px 50px;"><input type="button" value="立即注册" onclick="window.location.href='http://www.cloudapply.com/register'" /></label>
								</td>
							</tr>
						</table>
					</form>
				</div>
				<div class="login_bottom" style="text-align: center;height: 150px;">
					<div id="service-qq" style="height: 145px;">
						<h3><span>客服Q随时问</span></h3>
						<dl>
							<dt>云飞跃VIP1：</dt><dd><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1641851419&amp;site=qq&amp;menu=yes" target="_blank"><img title="VIP服务" alt="VIP服务" src="http://wpa.qq.com/pa?p=2:1641851419:47"></a></dd>
							<dt>云飞跃VIP2：</dt><dd><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1874265850&amp;site=qq&amp;menu=yes" target="_blank"><img title="VIP服务" alt="VIP服务" src="http://wpa.qq.com/pa?p=2:1874265850:47"></a></dd>
							<dt>云飞跃文书：</dt><dd><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2354481207&amp;site=qq&amp;menu=yes" target="_blank"><img title="文书服务" alt="文书服务" src="http://wpa.qq.com/pa?p=2:2354481207:47"></a></dd>
							<dt>云小组：</dt><dd><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2656110851&amp;site=qq&amp;menu=yes" target="_blank"><img title="云小组" alt="云小组" src="http://wpa.qq.com/pa?p=2:2656110851:47"></a></dd>
						</dl>
					</div>
				</div>
			</div>		
		</div>
		<%@ include file="/scripts/login.js"%>
	</body>
</html>	
